<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=HY-Z&nickName=婚缘走势-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>婚缘走势-知命</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <script src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <style>
        body{background-color: #e8e8e8;}
        .hxyj_box{
            padding-bottom:1.2rem;      
            overflow: hidden;
            border: 1px solid #d7d7d7;
            border-radius: 5px;
            margin: 5px;
            background: #fff;
        }
        .bzjp_zf_top{
            background:url('__PUBLIC__/images/hyzs_img/img_beijing.png') no-repeat;
            background-size:100% 100%;
        }
        .redColor{color:#f73232;font-size:0.32rem;font-weight: 600;line-height: 0.6rem;}
        .bzjp_zf_content{
            padding:0.5rem 0.5rem 0;
        }
        .bzjp_color{color:#f73232;}
        .bzjp_zf_content p{font-size:0.24rem;color:#333333;}
        .bzjp_zf_content p:nth-child(5){font-size:0.28rem;padding-top:0.2rem;}
        .bzjp_zf_content p:nth-child(5) span{color:#f73232;font-weight: 600;}
        .bzjp_zf_content p:nth-child(6){font-size:0.24rem;color:#333333;padding-top:0.14rem;padding-bottom: 0.2rem;text-align: center;}
        .ljck_btn{
            background-color:#f73232;
            font-size:0.36rem;
            color:#ffffff;
            text-align: center;
            border-radius: 0.7rem;
            height:0.8rem;
            line-height: 0.8rem;
            width:50%;
            margin:0 auto;
        }
        .bzjp_zf_time{font-size:0.24rem;color:#333333;padding:0.2rem 0;text-align: center;}
        .bzjp_zf_center{background-color:#ffffff;padding:0.2rem;}
        .bzjp_zf_center_bg{
            background:url('__PUBLIC__/images/bzjp_img/img_mohu.png') no-repeat;
            background-size:100% 100%;
            box-sizing: content-box;
            background-color:#ffffff;
            height:8.84rem;
            color:#333333;
            text-align: center;
            position: relative;
        }
        .bzjp_zf_center_title{padding-top:0.2rem;font-size:0.48rem;}
        .bzjp_zf_center_lineNum{font-size:0.27rem;padding-top:0.3rem;padding-bottom: 0.4rem;}
        .bzjp_zf_center_bg p:nth-child(3){width:85%;margin:0 auto;font-size:0.2rem;}
        .bzjp_zf_center_bg div:nth-child(4){width:75%;margin:0.7rem auto 0;}
        .bzjp_zf_center_bg div:nth-child(4) img{vertical-align: middle;}
        .bzjp_zf_center_foot{font-size:0.28rem;color:#000000;position: absolute;width:100%;bottom:0.3rem;}

        .bzjp_zf_foot_title{
            font-size:0.32rem;color:#333333;
            padding:0.6rem 0;
            text-align: center;
        }
        .bzjp_zf_foot_title::before,.bzjp_zf_foot_title::after{
            content:'';
            background:url('__PUBLIC__/images/bzjp_img/img_icon.png') no-repeat;
            background-size:100% 100%;
            width:0.4rem;
            height:0.4rem;
            display:inline-block;
            vertical-align: middle;
        }
        .bzjp_zf_foot_title::before{margin-right:0.2rem;}
        .bzjp_zf_foot_title::after{margin-left:0.2rem;}


        .bzjp_zf_foot_list{}
        .bzjp_zf_foot_list li{list-style: none;padding-bottom: 0.6rem;}
        .bzjp_zf_foot_list li h3{
            font-size:0.32rem;
            color:#333333;
            font-weight: 600;
            padding-bottom: 0.3rem;
        }
        .bzjp_zf_foot_list li h3::before{
            content: '';
            width:0.30rem;
            height:0.34rem;
            display: inline-block;
            margin-right:0.4rem;
            background:url('__PUBLIC__/images/bzjp_img/img_sanjiao icon.png') no-repeat;
            background-size:100% 100%;
            vertical-align: middle;
        }
        .bzjp_zf_foot_list li p{font-size:0.24rem;margin-bottom: 0.12rem;}
        .bzjp_zf_foot_list li p:last-child{margin-bottom:0; }
        .bzjp_zf_fiexd_btn{
            position: fixed;
            bottom: 0;
            left:0;
            width: 100%;
            z-index: 33;    
        }
        .btn_bg{
            background:url('__PUBLIC__/images/bzjp_img/pngimg_btn_xuanfu.png') no-repeat;
            background-size:100% 100%;
            height:1rem;
            width:7.3rem;
            margin:0 auto;
        }
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="hxyj_box">
        <div class="bzjp_zf_top">
            <div class="bzjp_zf_content">
                <h2 class="redColor"><if condition="$znickname eq '匿名'">你好<else /><!--{$znickname}--></if>：</h2>
                <p><!--{$sizhu[0]}--> <!--{$sizhu[1]}--> <!--{$sizhu[2]}--> <!--{$sizhu[3]}--> (<!--{$datetype}-->)</p>
                <h2 class="redColor"><if condition="$znickname eq '匿名'">你好<else /><!--{$fnickname}--></if>：</h2>
                <p><!--{$fsizhu[0]}--> <!--{$fsizhu[1]}--> <!--{$fsizhu[2]}--> <!--{$fsizhu[3]}--> (<!--{$fdatetype}-->)</p>
                <p>以下是你的婚缘走势分析。神准！！<span>今年您会有一些大的变化，一定要看！</p> 
                <p class="orderMoney">只需<!--{$Think.cookie.priceName}--></p>
                <div class="ljck_btn">立即查看</div>
            </div>
            <p class="bzjp_zf_time">距优惠结束:&nbsp;&nbsp;<span class="bzjp_color" id="timestr">01:59:59</span></p>
        </div>
    
        <div class="bzjp_zf_center">
            <div class="bzjp_zf_center_bg">
                <p class="bzjp_zf_center_title"><if condition="$znickname eq '匿名'">你<else /><!--{$znickname}--></if>与<if condition="$znickname eq '匿名'">你<else /><!--{$fnickname}--></if>的婚缘走势详细分析报告</p>
                <p class="bzjp_zf_center_lineNum">(2500-5000字)</p>
                <p>内含两人的爱情观、性格、爱情的优势和劣势等分析</p>
                <div class="J_btn"><img src="__PUBLIC__/images/bzjp_img/img_btn2.png" alt="" width="100%"></div>
                <p class="bzjp_zf_center_foot">共10页</p>
            </div>
            <div>
            <div class="bzjp_zf_foot_title">地天泰老师将为您详尽解析</div>
            <ul class="bzjp_zf_foot_list">
                <li>
                    <h3>两人的性格分析</h3>
                    <p>1.你们在性格上是否<span class="bzjp_color">合拍</span>。</p>
                    <p>2.各自拥有怎么样的性格</p>
                </li>
                <li>
                    <h3>两人的爱情观分析</h3>
                    <p>1.你们是否拥有相同的<span class="bzjp_color">恋爱观</span>。</p>
                    <p>2.你是否能满足TA要的感情。</p>
                </li>
                <li>
                    <h3>婚恋配对指数</h3>
                    <p>1.你们的婚姻配对属于<span class="bzjp_color">哪个等级</span>。</p>
                    <p>2.婚后的<span class="bzjp_color">默契</span>程度。</p>
                    <p>3.你们之间<span class="bzjp_color">旺夫（妻）</span>程度。</p>
                </li>
                <li>
                    <h3>恋爱情况分析</h3>
                    <p>1.你们的婚恋会遇到哪些<span class="bzjp_color">阻碍</span>。</p>
                    <p>2.你们是<span class="bzjp_color">灵魂伴侣</span>还是<span class="bzjp_color">肉体伴侣</span>。</p>
                </li>
                <li>
                    <h3>你们的爱情优势</h3>
                    <p>1.在这份感情里<span class="bzjp_color">TA</span>充当了怎样的角色。</p>
                    <p>2.你们有什么样的<span class="bzjp_color">优势</span>。</p>
                </li>
                <li>
                    <h3>你们的爱情劣势</h3>
                    <p>1.你们各自有什么样的<span class="bzjp_color">缺点</span>。</p>
                </li>
            </ul>
        </div>
        <div class="bzjp_zf_fiexd_btn"><div class="btn_bg"></div></div>
    </div>
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥<!--{$Think.cookie.price}-->元</strong>
            </div>
            <div class="public_pay_box">

                <!-- 支付弹窗 -->
                <include file="Public/zhifu_Popup" />

            </div>
        </div>
    </div>
    <!-- 抵用券 -->
    <include file="Public/coupon"/>
    <include file="Public/qudao135zhifu"/>

    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        // H5支付事件
        var ispress = true;
        function payMoney(payType){
            if(ispress){
                layer.load();
                if(payType == "wx"){
                    layer.closeAll('loading');
                    window.location.href="<!--{:U('Hyzs/paywx','',false)}-->";
                }else if(payType == "zfb"){
                    layer.closeAll('loading');
                    $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
                }
                ispress = false;
                setTimeout(function(){
                    layer.closeAll('loading');
                },30000)
                setTimeout(function(){
                    ispress = true;
                },2000)
            }else{
                console.log('你不能重复发起支付')
            }
        }
        sessionStorage.setItem("chufa", "2");
        var QTTopenid="<!--{$Think.cookie.QTTopenid}-->";
        var channel="<!--{$channel}-->";
        $('.bzjp_zf_fiexd_btn').on('click',function(){//悬浮付费解锁所有项
            $.getJSON("<!--{:U('Index/fufeiyeXfan','',false)}-->",{csName:'HY'},function(data){//回调入库
            });
            publicPayPopup();
        })
        $('.J_btn').on('click',function(){//解锁查看内容
            $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->",{csName:'HY'},function(data){//回调入库
            });
            publicPayPopup();
        })
        $('.ljck_btn').on('click',function(){//立即查看
            $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->",{csName:'HY'},function(data){//回调入库
            });
            publicPayPopup();
        })

        function publicPayPopup(){
            if(channel=='qudao245'&&QTTopenid!=''){//趣头条支付
                payMoney245();exit;
            }else if(channel=='appaidou'){//爱豆支付
                aidouPay();exit;
            }
            zhifuPopup();
            $('#publicPayPopup').css('display','block');
        }


        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').css('display','none');
        })


        setInterval(function(){
            $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->",function(data){//回调入库
                $('#timestr').text(data);
            });
        },1000);

    var wxlogin='<!--{$Think.cookie.wxlogin}-->';
    //if (wxlogin == 1) {
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
        timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
        nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
        signature: '<!--{$signature}-->',// 必填，签名，见附录1
        jsApiList: [
            'checkJsApi',
            'openLocation',
            'getLocation',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'scanQRCode'
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function () {
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
        // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
        wx.onMenuShareAppMessage({
            title: '感情不顺？泰斗命理大师亲算！帮你分析他/她是否和你命中注定', // 分享标题
            desc: '平凡而忙碌的现实生活中，是否有那么一个人总能给你温暖，却又总是和你对着干。穿过自己的意识屏障，以传统八字来测算你们是否是传说中的一对欢喜冤家！', // 分享描述
            link: '<!--{$Think.cookie.HYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/08.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

        wx.onMenuShareTimeline({
            title: '感情不顺？泰斗命理大师亲算！帮你分析他/她是否和你命中注定', // 分享标题
            desc: '平凡而忙碌的现实生活中，是否有那么一个人总能给你温暖，却又总是和你对着干。穿过自己的意识屏障，以传统八字来测算你们是否是传说中的一对欢喜冤家！', // 分享描述
            link: '<!--{$Think.cookie.HYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/08.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.onMenuShareQQ({
            title: '感情不顺？泰斗命理大师亲算！帮你分析他/她是否和你命中注定', // 分享标题
            desc: '平凡而忙碌的现实生活中，是否有那么一个人总能给你温暖，却又总是和你对着干。穿过自己的意识屏障，以传统八字来测算你们是否是传说中的一对欢喜冤家！', // 分享描述
            link: '<!--{$Think.cookie.HYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/08.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.onMenuShareQZone({
            title: '感情不顺？泰斗命理大师亲算！帮你分析他/她是否和你命中注定', // 分享标题
            desc: '平凡而忙碌的现实生活中，是否有那么一个人总能给你温暖，却又总是和你对着干。穿过自己的意识屏障，以传统八字来测算你们是否是传说中的一对欢喜冤家！', // 分享描述
            link: '<!--{$Think.cookie.HYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/08.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.onMenuShareWeibo({
            title: '感情不顺？泰斗命理大师亲算！帮你分析他/她是否和你命中注定', // 分享标题
            desc: '平凡而忙碌的现实生活中，是否有那么一个人总能给你温暖，却又总是和你对着干。穿过自己的意识屏障，以传统八字来测算你们是否是传说中的一对欢喜冤家！', // 分享描述
            link: '<!--{$Think.cookie.HYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/08.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.error(function (res) {
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
        });

    });

        $(".weixinzf").on('click',function(){
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', {
                        "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                        "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                        "nonceStr":"<!--{$nonceStr}-->", //随机串
                        "package":"<!--{$package}-->",
                        "signType":"<!--{$signType}-->",         //微信签名方式：
                        "paySign":"<!--{$paySign}-->" //微信签名
                    },
                    function(res){
                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                            location.href="<!--{:U('Hyzs/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                        }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                    }
            );

        });

</script>
</body>
</html>